﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="Styles/Compras.css" rel="stylesheet" type="text/css" />
    <style type="text/css">

    </style>
    <script type="text/javascript">
        function horizontal() {

            var navItems = document.getElementById("menu_dropdown").getElementsByTagName("li");

            for (var i = 0; i < navItems.length; i++) {
                if (navItems[i].className == "submenu") {
                    if (navItems[i].getElementsByTagName('ul')[0] != null) {
                        navItems[i].onmouseover = function () { this.getElementsByTagName('ul')[0].style.display = "block"; this.style.backgroundColor = "#f9f9f9"; }
                        navItems[i].onmouseout = function () { this.getElementsByTagName('ul')[0].style.display = "none"; this.style.backgroundColor = "#FFFFFF"; }
                    }
                }
            }

        }
 
    </script>
</head>
<body onload="horizontal();">
    <ul id="menu_dropdown" class="menubar">
        <li class="submenu"><a href="#">Not&iacute;cias</a></li>
        <li class="submenu"><a href="#">Institucional</a>
            <ul class="menu">
                <li><a href="#">Fotos da Frota</a></li>
                <li><a href="#">História</a></li>
                <li><a href="#">Missão</a></li>
                <li><a href="#">Visão</a></li>
                <li><a href="#">Instalações</a></li>
            </ul>
        </li>
        <li class="submenu"><a href="#">Qualidade</a>
            <ul class="menu">
                <li><a href="#">Resultado dos indicadores</a></li>
                <li><a href="#">Informativos da Qualidade</a></li>
                <li><a href="#">Política de Qualidade</a></li>
                <li><a href="#">Projetos Sociais</a></li>
                <li><a href="#">Resultado da pesquisa de satisfação</a></li>
            </ul>
        </li>
        <li class="submenu"><a href="#">Serviços</a>
            <ul class="menu">
                <li><a href="#">Links Úteis</a></li>
                <li><a href="#">Itinerário</a></li>
                <li><a href="#">Mapa das Rotas<sup>novo</sup></a></li>
            </ul>
        </li>
        <li class="submenu"><a href="#">Contato</a>
            <ul class="menu">
                <li><a href="#">Colabore Conosco</a></li>
                <li><a href="#">Enquetes finalizadas</a></li>
                <li><a href="#">Fale Conosco</a></li>
                <li><a href="#">Trabalhe Conosco</a></li>
            </ul>
        </li>
        <li class="submenu"><a href="#">Localize seu ônibus</a></li>
    </ul>
</body>
</html>
